<!DOCTYPE html>
<html>
<head>
         <script src="http://code.jquery.com/jquery-latest.js"></script>
       <script type="text/javascript">
       /* <![CDATA[ */
       jQuery(document).ready(function(){
               
               jQuery.getJSON("http://localhost:8080/Projeto3POD-REST/categoria", function(data) {
                       jQuery.each(data.categoriaFilme, function(i,categoriaFilme){
                       		
                    	   content = "";
                    	   content += '<p>Id: ' + categoriaFilme.id +' ------- Nome: '+categoriaFilme.nome+ '</p>';
                       		/* content += '<p>' + categoriaFilme.nome + '</p>'; */
                      		/* content += '<p>' + categoriaFilme.filmes.titulo + '</p>'; */
                       jQuery(content).appendTo("#Categorias");
                   });
                });
         });
       /* ]]> */
       </script>          
</head>


<body>

       <div id="Categorias">
               
       </div>
       
</body>
</html>